<template>
	<view :class="{'container': true, 'bg-img': vTabCurrent == 1}">
		<uniNavBar>
<!-- 			<block slot="left">
				<view class="navAvator">
					<image style="width: 60rpx;height: 60rpx;" :src="avatar" mode=""></image>
				</view>
				<text>尊敬的会员你好!</text>
			</block> -->
			
		</uniNavBar>
		
		<view class="">
			<v-tabs 
				v-model="vTabCurrent" 
				field="name"
				:tabs="tabs" 
				:scroll="false"
				@change="changeTab"></v-tabs>
		</view>
		<view class="main-box" style="width: 100%;height: calc(100vh - 270rpx);">
			<view class="uni-margin-wrap" style="height: 100%;">
				<swiper
					style="height: 100%;"
					class="screen-swiper square-dot" 
					circular="true" 
					@change="tabSwiperChange"
					:current="vTabCurrent"
					indicator-color="#ffffff"
					indicator-active-color="#0f72ff"
					:indicator-dots="false" 
					:autoplay="false">
					<swiper-item style="overflow-y: scroll;">
						
						<view class="swiper-box" style="margin-top: 4rpx;">
							<view class="uni-margin-wrap">
								<swiper
									class="screen-swiper square-dot" 
									circular="true" 
									indicator-color="#ffffff"
									indicator-active-color="#0f72ff"
									indicator-dots="true" 
									autoplay="true"
									interval="5000" 
									duration="500">
									<swiper-item v-for="(item, index) in carouselList" :key="index" @click="navToAdvUrls(item)">
										<image :src="weburl + item.path" mode="scaleToFill"></image>
									</swiper-item>
								</swiper>
							</view>
						</view>
						<view  class="padding-lr-sm border-b-line padding-bottom-xs">
							<view class="index_marquee" style="padding-top: 6px;">
								<gbro-marquee v-if="broadcastData" broadcastType='text' direction="left" :broadcastIconIsDisplay="true"
									:broadcastData='broadcastData' :broadcastStyle='broadcastStyle' style="width: 100%">
								</gbro-marquee>
							</view>
						</view>
						
						<view class="padding-lr-sm" style="display: flex;width: 100%;padding: 10rpx 0;">
							<uni-grid 
								:column="5" 
								:showBorder="false">
								
								<uni-grid-item v-for="(item, index) in items" :key="index">
									<view @click="navToUrl(item.url)" class="grid-item-box" style="background-color: #fff;">
										<!-- <uni-icons type="image"  :size="30" color="#777" /> -->
										<image style="width: 30px; height: 30px;"  mode="aspectFit" :src="weburl+item.imgpath" ></image>
										<text style="margin-top: 10px;font-size: 24rpx" class="text">{{item.title}}</text>
									</view>
								</uni-grid-item>
							</uni-grid>
						</view>
						<view class="padding-lr-sm padding-lr-smjingxuan-box">
							<uni-section :title="$t('home.hotMovies')" type="line">
								<!-- <view class="right-more">强势围观</view> -->
							</uni-section>
							
							<scroll-view class="scroll-view_H" style="width: 100%;white-space: nowrap;margin-top: 20rpx;" scroll-x="true">
								<view v-for="(item1,index) in projectItems" @click="navToUrl(item1.url)" style="width: 200rpx;display: inline-block;margin-right: 20rpx;font-size: 20rpx;" >
									<image :src="item1.poster" style="width: 100%;height: 300rpx;"  mode="aspectFill"  ></image>
									<view class="uni-ellipsis text-lg" >{{item1.name}}</view>
									<view class="" style="display: flex;">
										<span v-for="(i,j) in item1.genre" class="tag-type text-gray">{{i}}</span>
									</view>
								</view>
							</scroll-view>
							
						</view>
						
						<view class="padding-lr-sm jingxuan-box">
							<uni-section :title="$t('home.zhanluehuoban')" type="line"></uni-section>
							<view class="margin-top-sm uni-flex" style="justify-content: space-between;flex-wrap: wrap;">
								<image src="../../static/img/aqiang/home/1699061609924.jpg" mode="widthFix"></image>
								<!-- <view class="margin-top-sm" v-for="i in 9" style="width: 200rpx;height: 200rpx;background-color: #eee;"></view> -->
							</view>
						</view>
						
						<view class="padding-lr-sm default-tab">
							<view @click="defaultTabChange(0)" :class="defaultTabIndex==0?'tab active-tab':'tab'">全部电影</view>
							<view @click="defaultTabChange(1)" :class="defaultTabIndex==1?'tab active-tab':'tab'">电影制作</view>
							<view @click="defaultTabChange(2)" :class="defaultTabIndex==2?'tab active-tab':'tab'">电影发行</view>
							<view @click="defaultTabChange(3)" :class="defaultTabIndex==3?'tab active-tab':'tab'">电影投资</view>
						</view>
						
						<view class="padding-lr-sm xiangmu-list">
							<view v-if="defaultTabIndex==0" class="" v-for="index in 1">
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/dianying6.jpeg" ></image>
									
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">源生罪</view>
										<view class=" uni-ellipsis">导演: 岑嘉彦</view>
										<view class=" ">主演: 任达华 / 陈紫萱 / 吴卓羲 / 张建声 / 黄天翱 </view>
										<view class="" style="font-size: 20rpx;">
											剧情介绍: 故事起源于十五年前一个家庭一直竭力保守的秘密，
											要掀开被遗忘、被剥夺的记忆，同时要制裁自己最信任的亲人。 
											刚由外国返香港嘅实习护士樊雪儿因为一宗蝴蝶刀连环杀人案，
											怀疑15年前母亲的死有可疑。在心理学权威教授大哥樊博权的催眠治疗同另一个阿哥樊承天帮助下，
											进行回忆潜行。深入过去的黑暗世界，揭开母亲的死亡真相。
											追溯一段段扑朔迷离的回忆时，危机逐步逼近。爱的尽头迎来的竟然是善恶颠倒的开端。
										</view>
									</view>
									
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">假冒女团</view>
										<view class=" uni-ellipsis">导演: 徐梓耀</view>
										<view class=" ">主演: 谭耀文 / 卢瀚霆 / 陳紫萱 / 苏皓儿 / 李静仪</view>
										<view class="" style="font-size: 20rpx;">
											剧情简介:
											国际保障未成年少男少女身心健康发展协会会员Dr.K (谭耀文) 质疑司徒老板（林敏聪) 举办的选秀活动「新星产线」利用年轻人追梦的心理，从中榨压勒索，严重危害大批青少年身心发展，然而协会目前面临营运困难，只好将货就价重新聘用被革职的问题会员雷紫荆（卢瀚霆) 协助调查，意外令娱乐记者夏日葵（苏皓儿）、九线歌手白百合（李静仪）及解救堂妹元萱（陈紫萱）的元萤（李炘頣）组成假冒女团参赛⋯
										</view>
									</view>
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/jmnt.png" ></image>
									
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/nianghun.png" ></image>
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">酿魂</view>
										<view class=" uni-ellipsis">导演: 岑嘉彦</view>
										<view class=" ">主演: 卢瀚霆 / 陈紫萱 / 朱柏康 / 吴肇轩</view>
										<view class="" style="font-size: 20rpx;">
											剧情介绍: 子杰、浩天、神婆同珈豪四人前往岛上一个隐世村落-赤坎村。
											村上渺无人烟，只得颓垣败瓦，唯剩酿酒场里慨一对父女-华哥同小晴。
											天色入夜，意外接连发生，各种蛛丝马迹一再显示有股神秘力量存在，
											岛屿被一片吊诡气氛笼罩住。各人喺村里遇到超出认知慨异常，
											呢啲怪异解释唔到。到底系边个将渠哋引嚟？渠哋可唔可以逃出呢个呼天不应慨孤岛？
										</view>
									</view>
									
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">夜校</view>
										<view class=" uni-ellipsis">导演: 刘翁</view>
										<view class="">主演: 张天赋/凌文龙/葛民辉/詹瑞文/郭奕芯/李静仪/黄曦谊/陈伊霖/方泳琳/吴肇轩/徐浩昌/罗浩铭/黎学勤</view>
										<view class="" style="font-size: 20rpx;">
											剧情介绍: 故事讲述一个无业游民和双失发明家（MC 张天赋 及 凌文龙饰）竟绑架了城中首富的遗体，勒索三亿！
											更将遗体藏匿在一间废校之中。这个荒唐的计划原本进行得天衣无缝，但万万想不到，同一个晚上，同一间废校，
											偷尸孖宝竟遇着为父报仇而绑架社团龙头的黑帮二代言仔（吴肇轩饰）；五名游走废校做灵探直播的美女主播（黄曦谊、陈伊霖、李静仪、郭奕芯、方泳琳饰）。
											各怀鬼胎的三帮人不约而同地聚集废校，展开一场爆笑困兽斗。究竟偷尸孖宝的计划会否被揭破？最后又能否顺利勒索三亿赎金？
										</view>	
									</view>
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/yexiao.png" ></image>
									
								</view>
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/smlg.png" ></image>
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">声梦恋歌/爱琳</view>
										<view class=" uni-ellipsis">导演: 瓦莱丽·勒梅西埃</view>
										<view class=" uni-ellipsis">类型: 剧情 / 音乐 / 传记</view>
										<view class=" uni-ellipsis">语言: 法语 / 英语</view>
										<view class=" uni-ellipsis">制片国家/地区: 法国 / 加拿大</view>
										<view class=" ">上映时间: 2021-07-13(戛纳电影节) / 2021-11-10(法国) / 2022-01-21(美国)</view>
										<view class=" uni-ellipsis">片长: 128分钟</view>
										<view class=" ">又名: 声梦恋歌(港) / 席琳狄翁外传：爱的力量(台) / The Power of Love / Aline</view>
										<view class=" uni-ellipsis">IMDb: tt9735462</view>
									</view>
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">门徒 The Protégé </view>
										<view class=" uni-ellipsis">导演: 马田金宝</view>
										<view class=" ">主演: Maggie Q / 森姆积逊 / 米高基顿 / 罗伯特·派屈克 </view>
										<view class=" uni-ellipsis">类型: 动作 / 惊悚 / 犯罪</view>
										<view class=" uni-ellipsis">语言: 英语</view>
										<view class=" uni-ellipsis">制片国家/地区: 美国</view>
										<view class=" ">上映时间: 2021-08-20(美国)</view>
										<view class=" uni-ellipsis">片长: 109分钟</view>
										<view class=" ">又名: 复仇杀姬(港) / 有价之人 / 资产 / The Protege / The Asset / 刺客密令(台)</view>
										<view class=" uni-ellipsis">IMDb: tt6079772</view>
									   
									</view>
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/fcsj.png" ></image>
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/cxss.png" ></image>
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">至死不渝</view>
										<view class=" uni-ellipsis">导演: S.K.戴尔</view>
										<view class=" ">主演: 梅根·福克斯 / 欧文·马肯 / 卡兰·马尔韦 / 杰克·罗斯 / 阿梅尔·艾米恩 </view>
										<view class=" uni-ellipsis">类型: 惊悚</view>
										<view class=" uni-ellipsis">语言: 英语</view>
										<view class=" uni-ellipsis">制片国家/地区: 美国</view>
										<view class=" ">上映时间: 2021-07-02(美国)</view>
										<view class=" uni-ellipsis">片长: 88分钟</view>
										<view class=" ">又名: 長相屍手（港）</view>
										<view class=" uni-ellipsis">IMDb: tt11804152</view>
									
									</view>
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">江陵 강릉 (2021)</view>
										<view class=" uni-ellipsis">导演: 윤영빈</view>
										<view class=" ">主演:  刘五性 / 张赫 / 朴成根 / 吴代焕 / 申承焕 </view>
										<view class=" uni-ellipsis">类型: 犯罪</view>
										<view class=" uni-ellipsis">语言: 韩语</view>
										<view class=" uni-ellipsis">制片国家/地区: 韩国</view>
										<view class=" ">上映时间: 2021-11-10(韩国)</view>
										<view class=" uni-ellipsis">片长: 119分钟</view>
										<view class=" ">又名: 喋血江陵(台) / Tomb of the River / 決戰江陵(港)</view>
										<view class=" uni-ellipsis">IMDb: tt15741196</view>
									   
									</view>
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/jzjl.png" ></image>
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/dlnx.png" ></image>
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">警醒 Jolt (2021)</view>
										<view class=" uni-ellipsis">导演: 谭雅·维克斯勒</view>
										<view class=" ">主演:  凯特·贝金赛尔 / 斯坦利·图齐 / 鲍比·坎纳瓦尔 / 苏珊·萨兰登 / 杰·科特尼 </view>
										<view class=" uni-ellipsis">类型: 动作 / 惊悚</view>
										<view class=" uni-ellipsis">语言: 英语</view>
										<view class=" uni-ellipsis">制片国家/地区: 美国</view>
										<view class=" ">上映时间: 2021-07-23(美国)</view>
										<view class=" uni-ellipsis">片长: 91分钟</view>
										<view class=" ">又名: 电流女侠（港）</view>
										<view class=" uni-ellipsis">IMDb: tt10228134</view>
									
									</view>
								</view>
							</view>
							
							<view v-if="defaultTabIndex==1" class="" >
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/dianying6.jpeg" ></image>
									
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">源生罪</view>
										<view class=" uni-ellipsis">导演: 岑嘉彦</view>
										<view class=" ">主演: 任达华 / 陈紫萱 / 吴卓羲 / 张建声 / 黄天翱 </view>
										<view class="" style="font-size: 20rpx;">
											剧情介绍: 故事起源于十五年前一个家庭一直竭力保守的秘密，
											要掀开被遗忘、被剥夺的记忆，同时要制裁自己最信任的亲人。 
											刚由外国返香港嘅实习护士樊雪儿因为一宗蝴蝶刀连环杀人案，
											怀疑15年前母亲的死有可疑。在心理学权威教授大哥樊博权的催眠治疗同另一个阿哥樊承天帮助下，
											进行回忆潜行。深入过去的黑暗世界，揭开母亲的死亡真相。
											追溯一段段扑朔迷离的回忆时，危机逐步逼近。爱的尽头迎来的竟然是善恶颠倒的开端。
										</view>
									</view>
									
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">假冒女团</view>
										<view class=" uni-ellipsis">导演: 徐梓耀</view>
										<view class=" ">主演: 谭耀文 / 卢瀚霆 / 陳紫萱 / 苏皓儿 / 李静仪</view>
										<view class="" style="font-size: 20rpx;">
											剧情简介:
											国际保障未成年少男少女身心健康发展协会会员Dr.K (谭耀文) 质疑司徒老板（林敏聪) 举办的选秀活动「新星产线」利用年轻人追梦的心理，从中榨压勒索，严重危害大批青少年身心发展，然而协会目前面临营运困难，只好将货就价重新聘用被革职的问题会员雷紫荆（卢瀚霆) 协助调查，意外令娱乐记者夏日葵（苏皓儿）、九线歌手白百合（李静仪）及解救堂妹元萱（陈紫萱）的元萤（李炘頣）组成假冒女团参赛⋯
										</view>
									</view>
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/jmnt.png" ></image>
									
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/nianghun.png" ></image>
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">酿魂</view>
										<view class=" uni-ellipsis">导演: 岑嘉彦</view>
										<view class=" ">主演: 卢瀚霆 / 陈紫萱 / 朱柏康 / 吴肇轩</view>
										<view class="" style="font-size: 20rpx;">
											剧情介绍: 子杰、浩天、神婆同珈豪四人前往岛上一个隐世村落-赤坎村。
											村上渺无人烟，只得颓垣败瓦，唯剩酿酒场里慨一对父女-华哥同小晴。
											天色入夜，意外接连发生，各种蛛丝马迹一再显示有股神秘力量存在，
											岛屿被一片吊诡气氛笼罩住。各人喺村里遇到超出认知慨异常，
											呢啲怪异解释唔到。到底系边个将渠哋引嚟？渠哋可唔可以逃出呢个呼天不应慨孤岛？
										</view>
									</view>
									
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">夜校</view>
										<view class=" uni-ellipsis">导演: 刘翁</view>
										<view class="">主演: 张天赋/凌文龙/葛民辉/詹瑞文/郭奕芯/李静仪/黄曦谊/陈伊霖/方泳琳/吴肇轩/徐浩昌/罗浩铭/黎学勤</view>
										<view class="" style="font-size: 20rpx;">
											剧情介绍: 故事讲述一个无业游民和双失发明家（MC 张天赋 及 凌文龙饰）竟绑架了城中首富的遗体，勒索三亿！
											更将遗体藏匿在一间废校之中。这个荒唐的计划原本进行得天衣无缝，但万万想不到，同一个晚上，同一间废校，
											偷尸孖宝竟遇着为父报仇而绑架社团龙头的黑帮二代言仔（吴肇轩饰）；五名游走废校做灵探直播的美女主播（黄曦谊、陈伊霖、李静仪、郭奕芯、方泳琳饰）。
											各怀鬼胎的三帮人不约而同地聚集废校，展开一场爆笑困兽斗。究竟偷尸孖宝的计划会否被揭破？最后又能否顺利勒索三亿赎金？
										</view>	
									</view>
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/yexiao.png" ></image>
									
								</view>
								
								
							</view>
							<view v-if="defaultTabIndex==2" class=" margin-top-sm">
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/smlg.png" ></image>
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">声梦恋歌/爱琳</view>
										<view class=" uni-ellipsis">导演: 瓦莱丽·勒梅西埃</view>
										<view class=" uni-ellipsis">类型: 剧情 / 音乐 / 传记</view>
										<view class=" uni-ellipsis">语言: 法语 / 英语</view>
										<view class=" uni-ellipsis">制片国家/地区: 法国 / 加拿大</view>
										<view class=" ">上映时间: 2021-07-13(戛纳电影节) / 2021-11-10(法国) / 2022-01-21(美国)</view>
										<view class=" uni-ellipsis">片长: 128分钟</view>
										<view class=" ">又名: 声梦恋歌(港) / 席琳狄翁外传：爱的力量(台) / The Power of Love / Aline</view>
										<view class=" uni-ellipsis">IMDb: tt9735462</view>
									</view>
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">门徒 The Protégé </view>
										<view class=" uni-ellipsis">导演: 马田金宝</view>
										<view class=" ">主演: Maggie Q / 森姆积逊 / 米高基顿 / 罗伯特·派屈克 </view>
										<view class=" uni-ellipsis">类型: 动作 / 惊悚 / 犯罪</view>
										<view class=" uni-ellipsis">语言: 英语</view>
										<view class=" uni-ellipsis">制片国家/地区: 美国</view>
										<view class=" ">上映时间: 2021-08-20(美国)</view>
										<view class=" uni-ellipsis">片长: 109分钟</view>
										<view class=" ">又名: 复仇杀姬(港) / 有价之人 / 资产 / The Protege / The Asset / 刺客密令(台)</view>
										<view class=" uni-ellipsis">IMDb: tt6079772</view>
									   
									</view>
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/fcsj.png" ></image>
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/cxss.png" ></image>
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">至死不渝</view>
										<view class=" uni-ellipsis">导演: S.K.戴尔</view>
										<view class=" ">主演: 梅根·福克斯 / 欧文·马肯 / 卡兰·马尔韦 / 杰克·罗斯 / 阿梅尔·艾米恩 </view>
										<view class=" uni-ellipsis">类型: 惊悚</view>
										<view class=" uni-ellipsis">语言: 英语</view>
										<view class=" uni-ellipsis">制片国家/地区: 美国</view>
										<view class=" ">上映时间: 2021-07-02(美国)</view>
										<view class=" uni-ellipsis">片长: 88分钟</view>
										<view class=" ">又名: 長相屍手（港）</view>
										<view class=" uni-ellipsis">IMDb: tt11804152</view>
									
									</view>
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">江陵 강릉 (2021)</view>
										<view class=" uni-ellipsis">导演: 윤영빈</view>
										<view class=" ">主演:  刘五性 / 张赫 / 朴成根 / 吴代焕 / 申承焕 </view>
										<view class=" uni-ellipsis">类型: 犯罪</view>
										<view class=" uni-ellipsis">语言: 韩语</view>
										<view class=" uni-ellipsis">制片国家/地区: 韩国</view>
										<view class=" ">上映时间: 2021-11-10(韩国)</view>
										<view class=" uni-ellipsis">片长: 119分钟</view>
										<view class=" ">又名: 喋血江陵(台) / Tomb of the River / 決戰江陵(港)</view>
										<view class=" uni-ellipsis">IMDb: tt15741196</view>
									   
									</view>
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/jzjl.png" ></image>
								</view>
								
								<view class="margin-bottom" style="width: 100%;display: flex;justify-content: space-between;background-color: #ccc;padding: 10rpx;border-radius: 10rpx;">
									<image style="width: 40%;height: 100%;"  mode="widthFix" src="../../static/img/aqiang/home/dlnx.png" ></image>
									<view class="detail" style="width: 58%;font-size: 24rpx;">
										<view class=" uni-ellipsis">警醒 Jolt (2021)</view>
										<view class=" uni-ellipsis">导演: 谭雅·维克斯勒</view>
										<view class=" ">主演:  凯特·贝金赛尔 / 斯坦利·图齐 / 鲍比·坎纳瓦尔 / 苏珊·萨兰登 / 杰·科特尼 </view>
										<view class=" uni-ellipsis">类型: 动作 / 惊悚</view>
										<view class=" uni-ellipsis">语言: 英语</view>
										<view class=" uni-ellipsis">制片国家/地区: 美国</view>
										<view class=" ">上映时间: 2021-07-23(美国)</view>
										<view class=" uni-ellipsis">片长: 91分钟</view>
										<view class=" ">又名: 电流女侠（港）</view>
										<view class=" uni-ellipsis">IMDb: tt10228134</view>
									
									</view>
								</view>
							</view>
							<view v-if="defaultTabIndex==3">
								<view  class="margin-bottom" style="width: 31%;display: inline-block;margin-right: 10rpx;font-size: 20rpx;border-bottom: 1rpx solid #ccc;" >
									<image src="/static/img/aqiang/home/mrzj.png" style="width: 100%;height: 300rpx;"  mode="aspectFill"  ></image>
									<view class="uni-ellipsis" style="font-size: 22rpx;">明日战记（2022）</view>
									<view class="" style="font-size: 22rpx;">2022年8月05号上映</view>
									<view class="" style="display: flex;flex-wrap: wrap;">
										<span class="tag-type text-sm text-gray">科幻</span>
										<span class="tag-type text-sm text-gray">动作</span>
										<span class="tag-type text-sm text-gray">冒险</span>
									</view>
									<view class="text-sm">累计票房：<span class="text-red">¥6.80亿</span></view>
								</view>
								<view  class="margin-bottom" style="width: 31%;display: inline-block;margin-right: 10rpx;font-size: 20rpx;border-bottom: 1rpx solid #ccc;" >
									<image src="/static/img/aqiang/home/exzw.png" style="width: 100%;height: 300rpx;"  mode="aspectFill"  ></image>
									<view class="uni-ellipsis" style="font-size: 22rpx;">恶行之外（2024）</view>
									<view class="" style="font-size: 22rpx;">本片尚未上映</view>
									<view class="" style="display: flex;flex-wrap: wrap;">
										<span class="tag-type text-sm text-gray">剧情</span>
									</view>
									<view class="text-sm">累计票房：<span class="text-red">-</span></view>
								</view>
								<view  class="margin-bottom" style="width: 31%;display: inline-block;margin-right: 10rpx;font-size: 20rpx;border-bottom: 1rpx solid #ccc;" >
									<image src="/static/img/aqiang/home/yxsj.png" style="width: 100%;height: 300rpx;"  mode="aspectFill"  ></image>
									<view class="uni-ellipsis" style="font-size: 20rpx;">一线生机 (2024)</view>
									<view class="" style="font-size: 22rpx;">本片尚未上映</view>
									<view class="" style="display: flex;flex-wrap: wrap;">
										<span class="tag-type text-sm text-gray">剧情</span>
										<span class="tag-type text-sm text-gray">动作</span>
										<span class="tag-type text-sm text-gray">悬疑</span>
										<!-- <span class="tag-type text-sm text-gray">犯罪</span> -->
									</view>
									<view class="text-sm">累计票房：<span class="text-red">-</span></view>
								</view>
								<view  class="margin-bottom" style="width: 31%;display: inline-block;margin-right: 10rpx;font-size: 20rpx;border-bottom: 1rpx solid #ccc;" >
									<image src="/static/img/aqiang/home/mmdsqxz.png" style="width: 100%;height: 300rpx;"  mode="aspectFill"  ></image>
									<view class="uni-ellipsis" style="font-size: 22rpx;">妈妈的神奇小子 (2021)</view>
									<view class="" style="font-size: 22rpx;">2021年9月04号上映</view>
									<view class="" style="display: flex;flex-wrap: wrap;">
										<span class="tag-type text-sm text-gray">剧情</span>
										<span class="tag-type text-sm text-gray">家庭</span>
										<span class="tag-type text-sm text-gray">运动</span>
										<span class="tag-type text-sm text-gray">励志</span>
									</view>
									<view class="text-sm">累计票房：<span class="text-red">￥1778.08万</span></view>
								</view>
								<view  class="margin-bottom" style="width: 31%;display: inline-block;margin-right: 10rpx;font-size: 20rpx;border-bottom: 1rpx solid #ccc;" >
									<image src="/static/img/aqiang/home/cy.png" style="width: 100%;height: 300rpx;"  mode="aspectFill"  ></image>
									<view class="uni-ellipsis" style="font-size: 22rpx;">超越 (2021)</view>
									<view class="" style="font-size: 22rpx;">2021年6月12号上映</view>
									<view class="" style="display: flex;flex-wrap: wrap;">
										<span class="tag-type text-sm text-gray">剧情</span>
										<span class="tag-type text-sm text-gray">喜剧</span>
										<span class="tag-type text-sm text-gray">运动</span>
										<span class="tag-type text-sm text-gray">励志</span>
									</view>
									<view class="text-sm">累计票房：<span class="text-red">￥1.43亿</span></view>
								</view>
								<view  class="margin-bottom" style="width: 31%;display: inline-block;margin-right: 10rpx;font-size: 20rpx;border-bottom: 1rpx solid #ccc;" >
									<image src="/static/img/aqiang/home/jqdg.png" style="width: 100%;height: 300rpx;"  mode="aspectFill"  ></image>
									<view class="uni-ellipsis" style="font-size: 22rpx;">追虎擒龙 (2021)</view>
									<view class="" style="font-size: 22rpx;">2021年5月01号上映</view>
									<view class="" style="display: flex;flex-wrap: wrap;">
										<span class="tag-type text-sm text-gray">动作</span>
										<span class="tag-type text-sm text-gray">犯罪</span>

									</view>
									<view class="text-sm">累计票房：<span class="text-red">￥2.44亿</span></view>
								</view>
								<view  class="margin-bottom" style="width: 31%;display: inline-block;margin-right: 10rpx;font-size: 20rpx;border-bottom: 1rpx solid #ccc;" >
									<image src="/static/img/aqiang/home/yttlj.png" style="width: 100%;height: 300rpx;"  mode="aspectFill"  ></image>
									<view class="uni-ellipsis" style="font-size: 22rpx;">新倚天屠龙记 (2022)</view>
									<view class="" style="font-size: 22rpx;">2022年2月03号（网络）</view>
									<view class="" style="display: flex;flex-wrap: wrap;">
										<span class="tag-type text-sm text-gray">动作</span>
										<span class="tag-type text-sm text-gray">武侠</span>
										<span class="tag-type text-sm text-gray">古装</span>
								
									</view>
									<view class="text-sm">网络上映</view>
								</view>
								<view  class="margin-bottom" style="width: 31%;display: inline-block;margin-right: 10rpx;font-size: 20rpx;border-bottom: 1rpx solid #ccc;" >
									<image src="/static/img/aqiang/home/slh.png" style="width: 100%;height: 300rpx;"  mode="aspectFill"  ></image>
									<view class="uni-ellipsis" style="font-size: 22rpx;">胜利号 승리호 (2021)</view>
									<view class="" style="font-size: 22rpx;">2021年2月05号（韩国网络）</view>
									<view class="" style="display: flex;flex-wrap: wrap;">
										<span class="tag-type text-sm text-gray">剧情</span>
										<span class="tag-type text-sm text-gray">动作</span>
										<span class="tag-type text-sm text-gray">科幻</span>
										<span class="tag-type text-sm text-gray">冒险</span>
								
									</view>
									<view class="text-sm">网络上映</view>
								</view>
							</view>
						</view>
												
					</swiper-item>
					<swiper-item style="overflow-y: scroll;">
						<view class="margin-top" style="width: 100%;position: relative;height: 100%;">
							<image src="../../static/img/aqiang/home/company1.png" mode="widthFix"></image>
							<view class="" style="position: absolute;top: 50rpx;left: 60rpx;">
								<view class="" style="color: rgb(145, 61, 255);font-size: 34rpx;border-bottom: 4rpx solid #333;">HHG</view>
								<view class="" style="font-size: 32rpx;font-weight: bold;">盡用資源共享</view>
								<view class="" style="font-size: 32rpx;font-weight: bold;">獲得精彩豐盛</view>
							</view>
							
							<view class="" style="height: 100%;height: 100%;background-color: #000;margin-top: 100rpx;position: relative;">
								<view class="" style="position: absolute;right: 100rpx;top: 0;height: 90rpx;border-left: 8rpx solid #fff;">
									<span style="width: 50rpx;height: 50rpx;border-radius: 50%;display: inline-block; border: 8rpx solid #fff;position: absolute;bottom: -66rpx;left: -38rpx;">
										<span style="display: inline-block;width: 20rpx;height: 20rpx;background-color: #fff;border-radius: 50%;position: absolute;left: 30%;top: 30%;"></span>
									</span>
								</view>
								<view class="" style="color: #fff;text-align: center;padding-top: 100rpx;padding-bottom: 50rpx;font-size: 32rpx;">“合作共贏，互惠共生”</view>
								<view class="uni-flex" style="width: 100%;justify-content: center;">
									<image style="width: 300rpx;height: 300rpx;" src="../../static/img/aqiang/home/company2.jpg" mode="widthFix"></image>
								</view>
								
								<view class="" style="color: #fff;text-align: center;margin-top: 50rpx;font-size: 32rpx;">
									HHG通過實業加投資，不斷整合優<br>
									勢資源，優化商業模式、加快戰略佈<br>
									局，目前已成為多元化業務板塊的綜<br>
									合性投資控股企業集團
								</view>
								
								<view class="" style="color: #fff;text-align: center;margin-top: 30rpx;font-size: 32rpx;">
									正處於迅猛發展時期的HHG，憑藉<br>
									著前瞻性的戰略眼光，以香港為立足<br>
									點，投資和經營多元化業務，建設全<br>
									球性視野。
								</view>
							</view>
							
							<view class="" style="position: relative;width: 100%;min-height: 100%; background-color: rgba(255,255,255,.2);">
								<view class="" style="position: absolute;left: 100rpx;top: 0;height: 90rpx;border-left: 8rpx solid #fff;">
									<span style="width: 50rpx;height: 50rpx;border-radius: 50%;display: inline-block; border: 8rpx solid #fff;position: absolute;bottom: -66rpx;left: -38rpx;">
										<span style="display: inline-block;width: 20rpx;height: 20rpx;background-color: #fff;border-radius: 50%;position: absolute;left: 30%;top: 30%;"></span>
									</span>
								</view>
								<view class="" style="color: #333;text-align: center;padding-top: 100rpx;padding-bottom: 50rpx;font-size: 36rpx;">宏寰核心價值</view>
								
								<view class="margin-top" style="background-color: rgba(255,255,255,.5);">
									<view class="" style="text-align: center;">
										<view class="" style="font-size: 100rpx;font-weight: bold;border-bottom: 10rpx solid #fff;display: inline-block;">
											H
										</view>
										<view class="" style="font-size: 32rpx;padding: 50rpx 0;">
											以人為本
										</view>
									</view>
								</view>
								
								<view class="margin-top" style="background-color: rgba(255,255,255,.5);">
									<view class="" style="text-align: center;">
										<view class="" style="font-size: 100rpx;font-weight: bold;border-bottom: 10rpx solid #fff;display: inline-block;">
											O
										</view>
										<view class="" style="font-size: 32rpx;padding: 50rpx 0;">
											推陳出新
										</view>
									</view>
								</view>
								
								<view class="margin-top" style="background-color: rgba(255,255,255,.5);">
									<view class="" style="text-align: center;">
										<view class="" style="font-size: 100rpx;font-weight: bold;border-bottom: 10rpx solid #fff;display: inline-block;">
											N
										</view>
										<view class="" style="font-size: 32rpx;padding: 50rpx 0;">
											膽識過人
										</view>
									</view>
								</view>
								
								<view class="margin-tb" style="background-color: rgba(255,255,255,.5);">
									<view class="" style="text-align: center;">
										<view class="" style="font-size: 100rpx;font-weight: bold;border-bottom: 10rpx solid #fff;display: inline-block;">
											G
										</view>
										<view class="" style="font-size: 32rpx;padding: 50rpx 0;">
											遍佈全球
										</view>
									</view>
								</view>
							</view>
							
							<view class="" style="width: 100%;min-height: 100%;background-color: #fff;margin-top: 100rpx;position: relative;">
								<view class="" style="position: absolute;right: 100rpx;top: 0;height: 90rpx;border-left: 8rpx solid #333;">
									<span style="width: 50rpx;height: 50rpx;border-radius: 50%;display: inline-block; border: 8rpx solid #333;position: absolute;bottom: -66rpx;left: -38rpx;">
										<span style="display: inline-block;width: 20rpx;height: 20rpx;background-color: #333;border-radius: 50%;position: absolute;left: 30%;top: 30%;"></span>
									</span>
								</view>
								<view class="" style="color: #333;text-align: center;padding-top: 100rpx;padding-bottom: 50rpx;font-size: 32rpx;">集團業務</view>
								<view class="margin-top" style="text-align: center;">
									<image style="width: 300rpx;height: 300rpx;display: inline-block; border-radius: 50%;" src="../../static/img/aqiang/home/1699152741723.jpg" mode=""></image>
								</view>
								<view class="" style="text-align: center;font-size: 32rpx;">金融財務</view>
								
								<view class="margin-top" style="text-align: center;">
									<image style="width: 300rpx;height: 300rpx;display: inline-block; border-radius: 50%;" src="../../static/img/aqiang/home/1699152741723.jpg" mode=""></image>
								</view>
								<view class="" style="text-align: center;font-size: 32rpx">地產投資</view>
								
								<view class="margin-top" style="text-align: center;">
									<image style="width: 300rpx;height: 300rpx;display: inline-block; border-radius: 50%;" src="../../static/img/aqiang/home/1699152741723.jpg" mode=""></image>
								</view>
								<view class="" style="text-align: center;font-size: 32rpx">餐飲管理</view>
								
								<view class="margin-top" style="text-align: center;">
									<image style="width: 300rpx;height: 300rpx;display: inline-block; border-radius: 50%;" src="../../static/img/aqiang/home/1699152741723.jpg" mode=""></image>
								</view>
								<view class="" style="text-align: center;font-size: 32rpx">電影娛樂</view>
								
								<view class="margin-top" style="text-align: center;">
									<image style="width: 300rpx;height: 300rpx;display: inline-block; border-radius: 50%;" src="../../static/img/aqiang/home/1699152741723.jpg" mode=""></image>
								</view>
								<view class="" style="text-align: center;font-size: 32rpx">項目工程</view>
								
								<view class="margin-top" style="text-align: center;">
									<image style="width: 300rpx;height: 300rpx;display: inline-block; border-radius: 50%;" src="../../static/img/aqiang/home/1699152741723.jpg" mode=""></image>
								</view>
								<view class="" style="text-align: center;font-size: 32rpx">機票旅遊</view>
								
								<view class="margin-top" style="text-align: center;">
									<image style="width: 300rpx;height: 300rpx;display: inline-block; border-radius: 50%;" src="../../static/img/aqiang/home/1699152741723.jpg" mode=""></image>
								</view>
								<view class="" style="text-align: center;font-size: 32rpx">資訊科技</view>
								
								<view class="margin-top" style="text-align: center;">
									<image style="width: 300rpx;height: 300rpx;display: inline-block; border-radius: 50%;" src="../../static/img/aqiang/home/1699152741723.jpg" mode=""></image>
								</view>
								<view class="" style="text-align: center;font-size: 32rpx">永續投資</view>
								
								
							</view>
						
							<view class="" style="height: 100%;height: 100%;background-color: #000;margin-top: 100rpx;position: relative;">
								<view class="" style="position: absolute;right: 100rpx;top: 0;height: 90rpx;border-left: 8rpx solid #fff;">
									<span style="width: 50rpx;height: 50rpx;border-radius: 50%;display: inline-block; border: 8rpx solid #fff;position: absolute;bottom: -66rpx;left: -38rpx;">
										<span style="display: inline-block;width: 20rpx;height: 20rpx;background-color: #fff;border-radius: 50%;position: absolute;left: 30%;top: 30%;"></span>
									</span>
								</view>
								<view class="" style="color: #fff;text-align: center;padding-top: 100rpx;padding-bottom: 50rpx;font-size: 32rpx;">人才理念</view>
								<view class="uni-flex" style="width: 100%;justify-content: center;">
									<image style="width: 300rpx;height: 300rpx;" src="../../static/img/aqiang/home/company3.png" mode="widthFix"></image>
								</view>
								
								<view class="" style="color: #fff;text-align: center;margin-top: 180rpx;font-size: 32rpx;">
									人才是企業主要的核心競爭力，宏<br>
									寰珍惜和重視每一位員工的成長，<br>
									亦希望培養出優秀的員工與我們一<br>
									起發展。
								</view>
							</view>
							
						</view>
					</swiper-item>
					
					<swiper-item style="overflow-y: scroll;">
						<view class="padding-lr-sm" style="padding-top: 50rpx;padding-bottom: 50rpx;">
							<view class="uni-flex" style="justify-content: space-between;">
								<view class="" style="border: 1rpx solid #666;padding: 10rpx 20rpx;border-radius: 8rpx;background-color: #e63564;color: #fff;">
									今天
								</view>
								<view class="" style="border: 1rpx solid #666;padding: 10rpx;border-radius: 8rpx;">
									含服务费
								</view>
							</view>
							
							<view class="uni-flex" style="justify-content: center;color: #e63564;align-items: center;">
								<view class="" style="padding-right: 20rpx;">
									<view class="">{{new Date().getFullYear() + "." + (new Date().getMonth()+1) + "." + new Date().getDate() }}</view>
									<view class="">今日大盘</view>
								</view>
								<view class="">
									<span class="" style="font-size: 80rpx;">{{movieHankTotal.totalBoxoffice}}</span>万
								</view>
							</view>
							
							<view class="uni-flex" style="justify-content: center;color: #666;">
								<view class="">
									北京时间 {{ new Date().getHours() + ":" + new Date().getMinutes() + ":" + new Date().getSeconds()}}
								</view>
							</view>
						</view>
						<view class="padding-lr-sm" style="height: 4px;background-color: #ccc;"></view>
						<h4 class="text-xl padding-lr-sm padding-tb">票房排行榜</h4>
						<view class="padding-lr-sm">
							<uni-table stripe emptyText="暂无更多数据" >
								<!-- 表头行 -->
								<uni-tr >
									<uni-th style="width: 200rpx;" align="center"><view class="" style="font-size: 20rpx;">影片</view></uni-th>
									<uni-th style="padding: 0;" align="center"><view class="" style="font-size: 20rpx;;"><span style="color: #e63564;">综合</span>票房</view></uni-th>
									<uni-th style="padding: 0;" align="center"><view style="font-size: 20rpx;" class=""><span style="color: #e63564;">综合</span>票房占比</view></uni-th>
									<uni-th style="padding: 0;" align="center"><view class="" style="font-size: 20rpx;">排片占比</view></uni-th>
									<uni-th style="padding: 0;" align="center"><view class="" style="font-size: 20rpx;">排座占比</view> </uni-th>
								</uni-tr>
								<!-- 表格数据行 -->
								<uni-tr v-for="(item, index) in movieHank" :key="index" >
									<uni-td >
										<view style="font-size: 20rpx;" class="">{{item.name}}</view>
										<view style="font-size: 20rpx;color: #999;" class="">{{item.release_day}} {{item.all_tickets}}</view>
									</uni-td>
									<uni-td style="font-size: 24rpx;color: #e63564;">{{item.today_tickets}}</uni-td>
									<uni-td style="font-size: 24rpx;">{{item.ticket_ratio}}</uni-td>
									<uni-td style="font-size: 24rpx;">{{item.showCountRate}}</uni-td>
									<uni-td style="font-size: 24rpx;">{{item.avgSeatView}}</uni-td>
								</uni-tr>
								
							</uni-table>
						</view>
						
					</swiper-item>
					<swiper-item style="overflow-y: scroll;">
						<view class="padding-lr-sm" style="width: 100%;">
							<image style="height: 400rpx;" src="@/static/img/aqiang/home/news-banner.jpg" mode="aspectFill"></image>
						</view>
						<view class="padding-lr-sm">
							宏寰集团通过专业投资及管理经营的发展方式，
							目前已成为拥有金融投资、地产发展、餐饮服务、建筑工程、
							电影娱乐、机票旅游等多元素等综合性投资控股企业集团。
						</view>
						
						<view v-for="(item,index) in news.listb" @click="navToUrl('/pages/news/detail?news_id='+item.id)">
							<view class="uni-flex margin-top-xl padding-lr-sm">
								<view class="">{{item.author_name}}</view>
								<!-- <view class="margin-left-xl">2小时前</view> -->
							</view>
							
							<view   class="margin-tb-sm padding-tb-sm padding-lr-sm solid-top" style="display: flex;justify-content: space-between;">
								<view class="" style="width: 40%;">
									<image :src="weburl+item.photo" mode=""></image>
								</view>
								<view class="" style="width: 58%;">
									<view class="uni-product-title" style="width: 100%;-webkit-line-clamp: 4;margin-bottom: 5px;">
										{{item.title}}
									</view>
									<view class="uni-product-title" style="width: 100%;-webkit-line-clamp: 4;">
										&nbsp;&nbsp;{{item.keyword}}
									</view>
									<!-- <view class="margin-top-sm">
										电影 {{item.create_time}}
									</view> -->
								</view>
								
								<view class="">
									
								</view>
							</view>
						</view>
						
						<view class="padding-lr-sm">
							<uni-section title="热映影片" type="line">
								<!-- <view class="right-more">强势围观</view> -->
							</uni-section>
							
							<view v-for="(item,index) in news.lista" @click="navToUrl('/pages/news/detail?news_id='+item.id)" class="margin-tb-sm padding-tb-sm solid-top solid-bottom" style="display: flex;justify-content: space-between;">
								<view class="" style="width: 40%;">
									<image style="width: 70%;" :src="weburl+item.photo" mode=""></image>
								</view>
								<view class="" style="width: 58%;">
									<view class="uni-product-title" style="width: 100%;-webkit-line-clamp: 4;">
										&nbsp;&nbsp;{{item.keyword}}
									</view>
								</view>
								
								<view class="">
									
								</view>
							</view>
							
							<view class="">
								
							</view>
						</view>
						
							
						
					</swiper-item>
				</swiper>
			</view>
			
		
		</view>
		<!-- <uni-popup ref="gg" :show="isShowGonggao" type="center">
			<view class="popup_mask"></view>
			<view class="popup_content" >
				<view class="title">
					{{gonggao_title}}
				</view>
				<view class="explain_text">
				<rich-text :nodes="gonggao ? getHtml(gonggao) : ' '" space="true" selectable="true" />
				</view>
				<view class="button">
					<button @click="$refs.gg.close()" class="text-white" style="background-color:coral;display: inline-block;">关闭</button>
					<button @click="navToUrl('/pages/help/list?id=1')" class="text-white" style="background-color:coral;display: inline-block;margin-left:30rpx;">阅读公告</button>
				</view>
			</view>
		</uni-popup> -->
		
		
		
		<tabBar :currentPage="currentPage"></tabBar>
	</view>
</template>

<script>
	// import p2pItem from '../invest/lists.vue';
	import tabBar from '@/components/tabBar/tabBar.vue';
	import gbroMarquee from '@/components/GBroMarquee/marquee.vue';
	import uniIcons from '@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue'
	import uniNavBar from '@/uni_modules/uni-nav-bar2/components/uni-nav-bar/uni-nav-bar.vue'
	import uniGrid from '@/uni_modules/uni-grid/components/uni-grid/uni-grid.vue'
	import uniGridItem from '@/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.vue'
	// import uniNoticeBar from '@/uni_modules/uni-notice-bar/components/uni-notice-bar/uni-notice-bar.vue'
	import QSTabsWxs from '@/components/QS-tabs-wxs-list/QS-tabs-wxs-list.vue'
	import uniTable from '@/uni_modules/uni-table/components/uni-table/uni-table.vue'
	import htmlParser from '../../common/html-parser';
	
	export default {
		components: {
			tabBar,
			gbroMarquee,
			uniIcons,
			uniNavBar,
			uniGrid,
			uniGridItem,
			uniTable
			// p2pItem
		},
		data() {
			return {
				index_top: '',
				avatar: '',
				userinfo: {
					avatar: ''
				},

				info: {},
				currentPage: '/pages/index/index',
				loading: !1,
				loaded: !1,
				broadcastData: '',
				broadcastStyle: {
					speed: 2, //每秒3个字
					font_size: "28", //字体大小(upx)
					text_color: "#000000", //字体颜色
					back_color: "#f3f4f8", //背景色
				},
				swiperCurrent: 0,
				swiperLength: 0,
				carouselList: [],
				items: [],
				projectItems: [],
				classification: [],
				showLoadMore: true,
				isLoading: !1,
				modalName: null,
				launchFlag: !1,
				showBottomDiv: 0,
				policyStorageKey: 'has_read_privacy',
				showPopup: 1,
				modalName: null,
				cateid: 0,
				classify: [],
				page: 1,
				lastPage: 0,
				loadMoreText: "加载中...",
				canbuy: 0, //剩余购买数量
				numberValue: 20,//影票默认购买数量
				items: [],
				project_items: [],
				isAvatar: -1,
				title: '全部项目',
				
				vTabCurrent: 0,
				tabs: [
					{ id: 1, name: this.$t('home.home'), disabled: false },
					{ id: 2, name: this.$t('home.companyJiTuan'), disabled: false },
					{ id: 3, name: this.$t('home.aboutCopyright'), disabled: false },
					{ id: 4, name: this.$t('home.zixun'), disabled: false },
				],
				
				defaultTabIndex: 0,
				
				movieHankTotal:0,
				movieHank:[],
				
				
				news:[],
				gonggao:"",
				gonggao_title:"",
				isShowGonggao:false
			}
		},
		onLoad: function(option) {
			this.loadBanners();
			this.loadNotice();
			this.loadTasks();
			this.loadData();
			this.info = uni.getStorageSync('userinfo');
			this.getTasksList();
			this.loadMovieHank();
			this.getNews();
			this.isAvatar = -1;
			this.title = '全部项目';
			this.cateid = option.cateid;
			this.getData();
		},
		onReady(){
			
		},
		onShow() {
			uni.hideTabBar({})
			// this.info = uni.getStorageSync("userinfo");
			//this.loadImg();
			//this.getData();
		},
		onUnload() {
			this.page = 1,
			this.lastPage = 0,
			this.list = [],
			this.loadMoreText = "加载中...",
			this.showLoadMore = true;
		},
		onReachBottom() {
			// console.log("onReachBottom");
			return
			if (this.page >= this.lastPage) {
				this.loadMoreText = "没有更多数据了!"
				return;
			} else {
				setTimeout(() => {
					this.getData();
					this.getTasksList();
				}, 300);
			}
		},
		created: function() {
			var that = this;
			uni.getStorage({
				key: this.policyStorageKey,
				success: (res) => {
					if (res.data) {
						that.showPopup = false;
					}
				},
				fail: function(e) {
					that.showPopup = true;
				}
			});
		},
		methods: {
			defaultTabChange(e){
				this.defaultTabIndex = e;
			},
			tabSwiperChange(e){
				var t = e.detail.current;
				this.vTabCurrent = t;
			},
			changeTab(index) {
			  this.vTabCurrent = index;
			},
			
			getHtml(content) {
				return htmlParser(content);
			},
			// H5数据
			loadData: function() {
				//获取基础参数
				let timestamp = this.helper.now();
				let sign = this.helper.setSign(['key=appdiv_open', 'timestamp=' + timestamp]);
				this.helper.req({
					api: "getInfoSet",
					timestamp: timestamp,
					data: {
						key: 'appdiv_open'
					},
					header: {
						sign: sign
					},
					method: 'GET',
				}).then(res => {
					//console.log(res.data)
					this.showBottomDiv = res.data.data.value;
				})
			},
			hideModal: function() {
				this.modalName = null
			},
			loadBanners: function() {
				// uni.showLoading({
				// 	title: "数据加载中",
				// 	mask: true
				// })
				let timestamp = this.helper.now();
				let sign = this.helper.setSign(['type=home', 'timestamp=' + timestamp]);
				this.helper.req({
					api: "getBanners",
					timestamp: timestamp,
					data: {
						type: 'home'
					},
					header: {
						sign: sign
					},
					method: 'GET',
				}).then(res => {
					// console.log(res);
					this.carouselList = res.data.data.list;
					this.swiperLength = this.carouselList.length;
					uni.hideLoading();
				});
			},
			loadNotice: function() {
				let timestamp = this.helper.now();
				let sign = this.helper.setSign(['timestamp=' + timestamp]);
				this.helper.req({
					api: "getNotice",
					timestamp: timestamp,
					header: {
						sign: sign
					},
					method: 'GET',
				}).then(res => {
					// console.log(res);
					this.broadcastData = [res.data.data.notice, res.data.data.notice];
					let gonggaoArr = res.data.data.gonggao;
					if(gonggaoArr.show ==1){
						this.gonggao = gonggaoArr.content;
						this.gonggao_title = gonggaoArr.title;
						// this.isShowGonggao = true;
						this.$refs.gg.open()
					}
				})
			},
			//资讯
			getNews:function(){
				let timestamp = this.helper.now();
				let sign = this.helper.setSign(['timestamp=' + timestamp]);
				this.helper.req({
					api: "getNewsList",
					timestamp: timestamp,
					header: {
						sign: sign
					},
					method: 'GET',
				}).then(res => {
					this.news = res.data.data;
				})
			},
			// 票房行情
			loadMovieHank: function() {
				let timestamp = this.helper.now();
				let sign = this.helper.setSign(['timestamp=' + timestamp]);
				this.helper.req({
					api: "getMovieInfo",
					timestamp: timestamp,
					header: {
						sign: sign
					},
					method: 'GET',
				}).then(res => {
					this.movieHank = res.data.data.list;
					this.movieHankTotal=res.data.data.total;
				})
			},
			//项目和宝库、活动接口
			loadTasks: function() {
				// uni.showLoading({
				// 	title: "数据加载中",
				// 	mask: true
				// })
				var token = 'token';
				var info = uni.getStorageSync("userinfo");
				if (info.token) {
					token = info.token;
				}
				let timestamp = this.helper.now();
				let sign = this.helper.setSign(['token=' + token, 'timestamp=' + timestamp]);
				this.project_items = [];
				this.helper.req({
					api: "getIndexTasks",
					timestamp: timestamp,
					data: {
						token: token
					},
					header: {
						sign: sign
					},
					method: 'GET',
				}).then(res => {
					// console.log(res.data);
					this.items = res.data.data.items;
					res.data.data.project_items.map(item => {
						if (this.project_items.length == 0 && item.title == '宝库') {
							this.project_items.push(item)
						}
					})
					// this.project_items = res.data.data.project_items;


					uni.hideLoading();
				})
			},
			swiperChange: function(e) {
				var t = e.detail.current;
				this.swiperCurrent = t;
			},
			//活动点击事件
			navToTask: function(e) {
				if (e.url == '/pages/games/qiandao') {
					this.helper.checkLogin();
					var token = 'token';
					var info = uni.getStorageSync("userinfo");
					if (info.token) {
						token = info.token;
					}
					let timestamp = this.helper.now();
					let sign = this.helper.setSign(['token=' + token, 'timestamp=' + timestamp]);
					this.helper.req({
						api: "doQiandao",
						timestamp: timestamp,
						data: {
							token: token
						},
						header: {
							sign: sign
						},
						method: 'POST',
					}).then(res => {
						uni.showModal({
							title: "提示",
							content: res.data.message,
							showCancel: false,
							confirmText: "确定",
							success: function(res) {

							}
						})
						uni.hideLoading();
					})
				} else {
					return uni.navigateTo({
						url: e.url
					});
				}
			},
			//轮播图点击事件
			navToAdvUrls: function(e) {
				return uni.navigateTo({
					url: e.url
				});
			},
			//隐私策略
			navToUrl: function(url) {
				return uni.navigateTo({
					url: url
				});
			},
			onImageLoad: function(e, t) {
				this.$set(this[e][t], "loaded", "loaded")
			},
			onImageError: function(e, t) {
				this[e][t].icon = "/static/errorImage.jpg"
			},
			closeDiv: function() {
				this.showBottomDiv = false;
			},
			back: function() {
				this.$emit('popupState', false)
				// #ifdef APP-PLUS  
				// plus.runtime.quit();
				// #endif
			},
			// 关闭弹框
			confirm: function() {
				this.showPopup = false;
				this.$emit('popupState', true);

				uni.setStorage({
					key: this.policyStorageKey,
					data: true
				});
			},
			goto() {
				uni.switchTab({
					url: "/pages/user/person"
				})
			},
			// 获取顶部img
			// loadImg: function() {
			// 	var range = Math.round(Math.random() * (99999 - 11111)) + 11111;
			// 	this.index_top = this.weburl + '/storage/upload/index_top.png?k=' + range;
			// 	this.avatar = this.weburl + '/storage/upload/icon_avatar.png?k=' + range;
			// },
			//项目分类
			async getTasksList() {
				// uni.showLoading({
				// 	title: "数据加载中",
				// 	mask: true
				// })
				var info = await uni.getStorageSync("userinfo");
				let timestamp = await this.helper.now();
				let sign = await this.helper.setSign(['token=' + info.token, 'timestamp=' + timestamp]);
				await this.helper.req({
					api: "getHotPlaying",
					// api: "hotplaying",
					timestamp: timestamp,
					data: {
						token: info.token
					},
					header: {
						sign: sign
					},
					method: 'GET',
				}).then(res => {
					this.projectItems = res.data.data;

					uni.stopPullDownRefresh();
					uni.hideLoading();
				})
			},
			//个人信息接口
			getData: function() {
				//获取基础参数
				// uni.showLoading({
				// 	title: "数据加载中",
				// 	mask: true
				// })
				var info = uni.getStorageSync("userinfo");
				if(!this.info || this.info == undefined || this.info == null){
					uni.navigateTo({
						url: '../login/login'
					})
				}
				if (info.token) {
					let timestamp = this.helper.now();
					let sign = this.helper.setSign(['username=' + info.username, 'token=' + info.token, 'timestamp=' +
						timestamp
					]);
					this.helper.req({
						api: "getUserInfo",
						timestamp: timestamp,
						data: {
							username: info.username,
							token: info.token
						},
						header: {
							sign: sign
						},
						method: 'GET',
					}).then(res => {
						this.userinfo = res.data.data.userinfo;
						if (this.userinfo.avatar) {
							this.avatar = this.weburl + this.userinfo.avatar;
						}
						setTimeout(() => {
							uni.hideLoading();
						}, 300);
						this.$forceUpdate()
					})
				} else {
					uni.hideLoading();
				}
			},
			imageError: function(e) {
				this.avatar = '/static/icon_avatar.png';
			},
			onBtn: async function(title, index) {
				this.title = title;
				this.isAvatar = index;
				if (this.isAvatar == -1) {
					await this.getTasksList();
				} else {
					await this.getTasksList()
					// await this.$nextTick(() => {
					let arr = [];
					this.projectItems.map(item => {
						if (item.classname == this.title) {
							arr.push(item)
						}
					})

					this.projectItems = arr;
					// console.log(arr)
					// })

				}
			},
			navToDetails: function(e) {
				return uni.navigateTo({
					url: "/pages/invest/details?code=" + e.id
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	$width: 100%;
	.bg-img{
		background-image: url('../../static/img/aqiang/home/home-bg.jpg');
		background-size: 100% 100%;
		
	}
	.tag-type{
		border: 1rpx solid #999;
		padding: 0rpx 6rpx;
		border-radius: 10rpx;
		font-size: 20rpx;
		margin-right: 4rpx;
	}
	page {
		// background-color: #f3f4f8;
		background-color: #ffffff;
		
		
	}
	.navAvator{
		width: 40rpx;
		height: 40rpx;
		background-color: #333;
		border-radius: 50%;
		margin-right: 20rpx;
	}
	.main-box{
		// padding: 0 20rpx;
		.grid-item-box {
			flex: 1;
			// position: relative;
			/* #ifndef APP-NVUE */
			display: flex;
			/* #endif */
			flex-direction: column;
			align-items: center;
			justify-content: center;
			padding: 15px 0;
		}
		.jingxuan-box{
			position: relative;
			.right-more{
				position: absolute;
				right: 20rpx;
				font-size: 16rpx;
			}
		}
		.dianying-box{
			display: flex;
			width: 100%;
			background-color: #f00;
			overflow-x: scroll;
			// justify-content: space-between;
		}
		.scroll-view_H_Tab{
			width: 100%;
			white-space: nowrap;
			.tab{
				background-color: #ddd;
				color: #666;
				padding: 10rpx 20rpx;
				
				// display: inline-block;
			}
			.tab-acx{
				padding: 20rpx 8px;
				margin-right: 10rpx;
				width: 200rpx;
				display: inline-block;
				border-radius: 10rpx;
				
				&>image{
					display: inline-block;
					vertical-align: middle;
					margin-right: 10rpx;
				}
			}
			.active-tab{
				background-color: #f4a124;
				color: #fff;
				
			}
		}
		.default-tab{
			width: 100%;
			// padding: 20rpx 0;
			padding-top: 20rpx;
			padding-bottom: 20rpx;
			display: flex;
			justify-content: space-between;
			text-align: center;
			.tab{
				background-color: #ddd;
				color: #666;
				padding: 10rpx 20rpx;
				border-radius: 10rpx;
			}
			.tab-acx{
				padding: 10rpx 4px;
				vertical-align: middle;
				margin-right: 10rpx;
			}
			.active-tab{
				background-color: #f4a124;
				color: #fff;
				
			}
		}
		.xiangmu-list{
			.xiangmu{
				display: flex;
				width: 100%;
				border-bottom:  1rpx solid #999;
				.detail{
					width:calc(100% - 250rpx);
					padding-left: 20rpx;
					.name{
						font-size: 40rpx;
						font-weight: bold;
					}
					.buy{
						text-align: right;
						text{
							background-color: #e63564;
							display: inline-block;
							color: #fff;
							padding: 0 10rpx;
							border-radius: 10rpx;
						}
						
					}
				}
				
				
			}
		}
	}	
	.swiper-box{
		.swiper{
			.swiper-item{
				display: block;
				height: 300rpx;
				line-height: 300rpx;
				text-align: center;
			}
		}
	}
	.popup_mask {
		position: fixed;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.4);
		transition-property: opacity;
		transition-duration: 0.3s;
		opacity: 0;
		z-index: 98;
		opacity: 1;	
	}

	.popup_content {
		overflow: hidden;
		box-sizing: border-box;
		padding: 40upx 20upx 0 20upx;
		position: fixed;
		bottom: 30%;
		border-radius: 8px;
		left: 50%;
		margin-left: -40%;
		right: 0;
		min-height: 400upx;
		background: #f7f5f270;
		width: 80%;
		z-index: 99;

		.title {
			text-align: center;
			font-size: 36upx;
			color: #fff;
			padding: 10upx 0 0 0;
		}

		.explain_text {
			font-size: 30upx;
			padding: 30upx 30upx 40upx 30upx;
			line-height: 60upx;
			color: #fff;	
			.line {
				display: block;

				.path {
					color: #007aff;
					display: inline-block;
					text-align: center;
				}
			}
		}

		.button {
			display: flex;
			padding: 30upx 20upx;
			align-items: center;
			font-size: 34upx;
			justify-content: space-around;
			border-top: 2upx solid #f2f2f2;

			view {
				text-align: center;
			}
		}
	}	
</style>